<div class="publicFooter">
    <div class="footer">
        <div class="footerEwm">
            <div class="left" style="margin-left: 30px">
                <img src="../static/weixin.jpg" width="105" />
                <p>人卫慕课微信公众号</p>
            </div>
            <div class="left">
                <img src="../static/ebook.png" width="105" />
                <p>人卫电子书</p>
            </div>
        </div>
        <div class="fCon">
            <div class="fcNav">
                <span v-for="(nav, navKey) in navArr" :key="navKey">
                    <span v-if="navKey !== 0" class="line">|</span>
                    <a :href="nav.link"> {{ nav.name }}</a>
                </span>
            </div>

            <div class="fcBottom">
                <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502031109">
                    <img src="https://static.pmphmooc.com/static/mooc/relfile/images/ghs.png" />
                    <p>京公网安备 11010502031109号</p>
                </a>
                <a target="_blank" href="https://beian.miit.gov.cn">&nbsp; |&nbsp; 京ICP备14053810号-1</a>
            </div>

            <div class="wrapper" style="clear: both">
                <p>
                    Copyright©2014-2018 All Rights Reserved 版权所有 人民卫生出版社有限公司
                    人民卫生电子音像出版社有限公司
                </p>
            </div>
        </div>
    </div>
    <div class="promptBox">
        <div class="applyHint" v-if="isShowApplyHint">暂不支持，敬请期待～</div>
        <div class="pbCon">
            <div class="pbcItem" @click="showApplyHint">
                <p class="img">
                    <img src="../../../static/images/right_icon01.png" class="img1" />
                    <img src="../../../static/images/right_hover_icon01.png" class="img2" />
                </p>
                <p class="txt">我要报名</p>
            </div>
            <div class="pbcItem" v-on:click="toMyCenter">
                <p class="img">
                    <img src="../../../static/images/right_icon02.png" class="img1" />
                    <img src="../../../static/images/right_hover_icon02.png" class="img2" />
                </p>
                <p class="txt">我的学习</p>
            </div>
            <div class="pbcItem">
                <p class="img">
                    <img src="../../../static/images/right_icon03.png" class="img1" />
                    <img src="../../../static/images/right_hover_icon03.png" class="img2" />
                </p>
                <p class="txt">在线客服</p>
            </div>
            <div class="pbcItem" v-on:click="toAboutUs(2)">
                <p class="img">
                    <img src="../../../static/images/right_icon04.png" class="img1" />
                    <img src="../../../static/images/right_hover_icon04.png" class="img2" />
                </p>
                <p class="txt">意见反馈</p>
            </div>
        </div>
        <div class="pcBtn" @click="toScrollTop">
            <img src="../../../static/images/right_top.png" />
        </div>
    </div>
</div>

<script>
    (() => {
        new Vue({
            el: "#app",
            data: {
                navArr: [
                    { name: "关于我们", link: "/about/aboutUs/info" },
                    { name: "联系方式", link: "/about/aboutUs/contact" },
                    { name: "帮助中心", link: "/about/aboutUs/score" },
                    { name: "用户须知", link: "/about/aboutUs/score" },
                ],
                currentIndex: 0,
                isShowApplyHint: false,
            },
            mounted() {},
            methods: {
                showApplyHint() {
                    this.isShowApplyHint = true;
                    setTimeout(() => {
                        this.isShowApplyHint = false;
                    }, 1500);
                },
                toMyCenter() {
                    this.$router.push({
                        path: "/my/center/course?pageid=6&typeid=0",
                    });
                },
                toScrollTop() {
                    document.body.scrollTop = 0;
                    document.documentElement.scrollTop = 0;
                },
                toAboutUs(index) {
                    this.currentIndex = index;
                    if (index == 0) {
                        this.$router.push({
                            path: "/about/aboutUs/info?pageid=-2&typeid=" + this.currentIndex,
                        });
                    } else if (index == 1) {
                        this.$router.push({
                            path: "/about/aboutUs/contact?pageid=-2&typeid=" + this.currentIndex,
                        });
                    } else if (index == 2) {
                        this.$router.push({
                            path: "/about/aboutUs/feedback?pageid=-2&typeid=" + this.currentIndex,
                        });
                    }
                },
            },
        });
    })();
</script>
